﻿/*treeview*/
.treeview .hitarea {
    position: absolute;
    left: 15px;
    top: 10px;
    background-color: #fff;
    cursor: pointer;
}

    .treeview .hitarea:before {
        color: #999;
        content: '\e710';
        font-family: ZenIcon;
        transition: all 0.3s;
    }

.treeview li:hover .hitarea:before {
    color: #2973EA;
}

.treeview .hitarea.collapsable-hitarea:before {
    content: '\e712';
}

.treeview li {
    padding-top: 4px;
    padding-bottom: 4px;
}

    .treeview li > .hitarea {
        top: 4px;
        left: 4px
    }

.tree-animate.treeview li.has-list.open > ul:after {
    top: -5px;
    bottom: 12px;
    left: -11px;
}

.treeview ul > li:after {
    position: absolute;
    top: 11px;
    left: -10px;
    z-index: 1;
    display: block;
    width: 22px;
    content: ' ';
    border-top: 1px dotted #999;
}

.treeview ul > li:before,
.treeview ul > li.has-list:before {
    position: absolute;
    top: -12px;
    bottom: 13px;
    left: -11px;
    display: block;
    width: auto;
    height: auto;
    content: ' ';
    background: none;
    border: none;
    border-left: 1px dotted #999;
}

.treeview ul > li:last-child:before {
    bottom: auto;
    height: 23px;
}

.treeview ul > li:first-child:before {
    top: -7px;
}

.treeview ul > li.tree-single-item:before {
    height: 19px;
}

.treeview ul > li.has-list:after {
    width: 14px;
}

.treeview ul > li.drag-shadow:after {
    display: none;
}

.tree-folders.treeview ul > li:first-child:before {
    top: -6px;
}

.tree-folders.treeview li.has-list.open > ul:after {
    top: 16px;
}
